<div class="card-box">
  <!-- banner -->
  <div class="carousel-box" [ngStyle]="cssStr">
    <ion-slides [options]="slideOpts" (ionSlidePrevStart)="getprevIndex()" (ionSlideNextStart)="getnextIndex()" #slideImg
      (ionSlidesDidLoad)="slidesDidLoad(slideImg)" (ionSlideTouchEnd)="slidesDidLoad(slideImg)"
      (ionSlideDidChange)="getIndex(slideImg)" (ionSlideTap)="clickImg()">
      <ion-slide *ngFor="let img of cardData?.data?.data, let i=index">
        <img class="carousel-img" src="{{img?.image}}" 
        [ngStyle]="cssStr" onerror="this.src='assets/img/default_img.png'" />
      </ion-slide>
    </ion-slides>
    <div class="sign" *ngIf="cardData?.showSlider !== 'false'">
      <span class="sign-span" *ngFor="let span of cardData?.data?.data, let i=index" [ngClass]="{'current':idx===i+1}"></span>
    </div>
  </div>
  <!-- 信息 -->
  <div class="info-box">
    <div *ngFor="let info of cardData?.data?.info">
      <img class="info-box-img" src="{{info?.icon}}" onerror="this.src='assets/img/default_img.png'" />
      <span class="info-box-span" [innerHtml]="info?.txt | parseStyle"></span>
    </div>
  </div>
</div>